<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/callus.css" />
	</head>

	<body>
		<!--公共头部开始-->
		<div class="momask">
			<div class="outmask">

			</div>
			<div class="subnav">
				<ul class="monavul">
					<li class="monavli">
						<a href="index.html">首页</a>
					</li>
					<li class="monavli">
						<a href="solution.html">解决方案</a>
					</li>
					<li class="monavli">
						<a href="product.html">产品中心</a>
					</li>
					<li class="monavli">
						<a href="servicemap.html">服务支持</a>
					</li>
					<li class="monavli">
						<a href="news.html">新闻资讯</a>
					</li>
					<li class="monavli">
						<a href="introduce.html">关于我们</a>
					</li>
					<li class="monavli">
						<a href="callus.html">联系我们</a>
					</li>
				</ul>
				<div class="navfooter">
					<div class="language">
						<span class="cn">CN</span>&nbsp;&nbsp;/&nbsp;&nbsp;<span class="en">英文</span>
					</div>

					<img src="images/102.png" />
				</div>

			</div>
		</div>
		<!--pc 头部-->
		<header class="pcheader clearfix">
			<img class="bannerimg" src="images/callus/banner.jpg" />
			<div class="navwarp clearfix">

				<div class="pcnavbox clearfix">
					<div class="navdivst"><span class="cn">CN</span><span>&nbsp;&nbsp;/&nbsp;&nbsp;</span><span class="en">英文</span>
					</div>
					<div class="navdivst">
						<a href="callus.html" style="color: #4695ec">联系我们</a>
					</div>
					<div class="navdivst">
						<a href="introduce.html">关于我们</a>
					</div>
					<div class="navdivst">
						<a href="news.html">新闻资讯</a>
					</div>
					<div class="navdivst">
						<a href="servicemap.html">服务支持</a>
					</div>
					<div class="navdivst">
						<a href="product.html">产品中心</a>
					</div>
					<div class="navdivst">
						<a href="solution.html">解决方案</a>
					</div>
					<div class="navdivst">
						<a href="index.html">首页</a>
					</div>

				</div>
				<div class="logobox">
					<img class="logo" src="images/index/logo.png" />
				</div>
			</div>
		</header>

		<!--手机头部-->
		<header class="moheader">
			<div class="monavbar clearfix">
				<a href="index.html"><img class="mologo" src="images/logo.png" /></a>
				<img class="menu-icon" src="images/menu.png" />
			</div>
		</header>
		<!--手机banner-->
		<div class="mobannerbox">
			<img class="mobanner" src="images/about/honerbg2.jpg" />
		</div>

		<div class="main">
			<div class="where">
				<div class="text">
					<a href="index.html">首页</a> &nbsp;&nbsp;/&nbsp;&nbsp;<a href="callus.html">联系我们</a>
				</div>
			</div>
			<div class="content">
				<div class="box clearfix">
					<div class="leftbox">
						<div class="callbox">
							<p><b class="j-h3b rem36">CALL us</b>&nbsp;&nbsp;&nbsp;&nbsp;<span class="j-h5c rem24">(联系电话)</span></p>
							<small class="j-h3 rem36">0571-28995840</small>
						</div>
						<div class="callbox">
							<p><b class="j-h3b rem36">Fax</b>&nbsp;&nbsp;&nbsp;&nbsp;<span class="j-h5c rem24">(传真)</span></p>
							<small class="j-h3 rem24">0571-28995840</small>
						</div>
						<div class="callbox">
							<p><b class="j-h3b rem36">Address</b>&nbsp;&nbsp;&nbsp;&nbsp;<span class="j-h5c rem24">(公司地址)</span></p>
							<small class="j-h3 rem36">浙江省杭州经济技术开发区6号路260号中自科技园</small>
							<br />
							<small class="j-h3 rem36">网站地址：WWW.WINDIT.COM.CN</small>
						</div>
					</div>
					<div class="rightbox">
						<form action="" method="post">
							<div class="callbox">
								<b class="j-h3 rem36">Message Us</b>&nbsp;&nbsp;&nbsp;&nbsp;<span class="j-h5c rem24">(留言)</span>
							</div>
							<div class="inputbox clearfix">
								<input class="name" type="text" placeholder="姓名" />
								<input class="phone" type="text" placeholder="电话" />
							</div>
							<div class="msgbox">
								<textarea class="msginpu" name="" rows="" cols="" placeholder="留言"></textarea>
							</div>
							<div class="btnbox clearfix">
								<button type="button" class="sub rem30">提交</button>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div id="map">

			</div>
		</div>

		<!--公共底部开始-->
		<!--pc底部-->
		<div class="footer">
			<div class="footer-info clearfix">
				<div class="flbox">
					<img class="footerlogo" src="images/index/footer-logo.png" />
				</div>
				<div class="fifbox">
					<ul class="havebox clearfix">
						<li class="have">
							<a href="solution.html">解决方案</a>
						</li>
						<li class="have">
							<a href="product.html">产品中心</a>
						</li>
						<li class="have">
							<a href="servicemap.html">服务支持</a>
						</li>
						<li class="have">
							<a href="news.html">新闻资讯</a>
						</li>
						<li class="have">
							<a href="introduce.html">关于我们</a>
						</li>
						<li class="have">
							<a href="callus.html">联系我们</a>
						</li>
					</ul>
					<div class="iconbox clearfix">
						<img class="ficon" src="images/index/in.png" />
						<img class="ficon" src="images/index/sina.png" />
					</div>
					<div class="ffbox clearfix">
						<span>法律声明</span>
						<span>隐私</span>
					</div>
				</div>
				<img class="erweima" src="images/index/erweima.png" />
			</div>
		</div>
		<!--手机底部-->
		<div class="mofooter clearfix">
			<div class="footerlogobox">
				<img src="images/glogo.png"/>
			</div>
			<ul class="moful clearfix">
				<li class="mofli">
					<a href="solution.html">解决方案</a>
				</li>
				<li class="mofli">
					<a href="product.html">产品中心</a>
				</li>
				<li class="mofli">
					<a href="servicemap.html">服务支持</a>
				</li>
				<li class="mofli">
					<a href="news.html">新闻资讯</a>
				</li>
				<li class="mofli">
					<a href="introduce.html">关于我们</a>
				</li>
				<li class="mofli">
					<a href="callus.html">联系我们</a>
				</li>
			</ul>
		</div>

		<div class="webByBox clearfix">
			<div class="byInfo">
				<p class="lt">浙江中自庆安新能源技术有限公司</p>
				<p class="lt">浙ICP备11012317号</p>
				<p class="rt">网站建设：翰臣科技</p>
			</div>
		</div>
		<!--公共底部结束-->
		<script src="libs/jquery-1.10.2s.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/adaptive-version2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=f0AB6ewzFdoHlfK7yQWavKcLMgjACNwv"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$(".mk").hover(function() {
					var $this = $(this);
					$this.siblings(".line").css("width", "520px");
					$this.parent(".imgbox").siblings(".imgbox").find(".line").css("width", "0px");
				})

				//百度地图
				//创建和初始化地图函数：
				function initMap() {
					createMap(); //创建地图
					setMapEvent(); //设置地图事件
					addMapControl(); //向地图添加控件
					addMapOverlay(); //向地图添加覆盖物
				}

				function createMap() {
					map = new BMap.Map("map");
					map.centerAndZoom(new BMap.Point(120.379473, 30.314953), 16);
				}

				function setMapEvent() {
					map.enableScrollWheelZoom();
					map.enableKeyboard();
					map.enableDragging();
					map.enableDoubleClickZoom()
				}

				function addClickHandler(target, window) {
					target.addEventListener("click", function() {
						target.openInfoWindow(window);
					});
				}

				function addMapOverlay() {
					var markers = [{
						content: "",
						title: "",
						imageOffset: {
							width: -46,
							height: -21
						},
						position: {
							lat: 30.310183,
							lng: 120.380731
						}
					}];
					for(var index = 0; index < markers.length; index++) {
						var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
						var marker = new BMap.Marker(point, {
							icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
								imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
							})
						});
						var label = new BMap.Label(markers[index].title, {
							offset: new BMap.Size(25, 5)
						});
						var opts = {
							width: 200,
							title: markers[index].title,
							enableMessage: false
						};
						var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
						marker.setLabel(label);
						addClickHandler(marker, infoWindow);
						map.addOverlay(marker);
					};
				}
				//向地图添加控件
				function addMapControl() {
					var navControl = new BMap.NavigationControl({
						anchor: BMAP_ANCHOR_TOP_LEFT,
						type: 1
					});
					map.addControl(navControl);
				}
				var map;
				initMap();
			})
		</script>
	</body>

</html>